<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
    <title>西京文交所管理端-添加藏品</title>
    <link rel="stylesheet" href="../../static/iconfont/iconfont.css" >
    <link rel="stylesheet" href="../../static/frameset.css" >
</head>
<body>

    <div id="J_wrap" class="m_wrap m_box_v p_detail none">
        <div class="m_top">
            <headers v-on:callback="headerHandle" :userobj.sync="userobj"></headers>
        </div>
        <div class="m_content m_flex1 m_box" >
            <menunav index="user" sub="userlist" :navobj.sync="userobj.group_acl"></menunav>
            <div class="container m_flex1">
                <ul class="breadcrumbs">
                    <li><span>用户管理</span>&gt;</li>
                    <li><a href="index.html">用户列表</a>&gt;</li>
                    <li class="on">用户详情</li>
                </ul>
                <div class="m_title"><h2>基本信息</h2></div>
                <table class="m_detable" v-if="res">
                    <tbody>
                        <tr>
                            <th>交易号：</th> <td>{{ res.no }}</td>
                            <th>姓名：</th> <td>{{ res.name }}</td>
                            <th>手机号：</th> <td>{{ res.phone }}<a href="javascript:;" v-on:click="changePhone">修改</a></td>
                        </tr>
                        <tr>
                            <th>运营中心：</th> <td>{{ res.center }}</td>
                            <th>注册来源：</th> <td>{{ res.platform }}</td>
                            <th>注册时间：</th> <td>{{ res.register_time }}</td>
                        </tr>
                        <tr>
                            <th>认证时间：</th> <td>{{ res.auth_time }}</td>
                            <th>绑卡时间：</th> <td>{{ res.bindcard_time }}</td>
                            <th>是否主力：</th> <td>{{ res.is_main_force ? '是' : '否' }}</td>
                        </tr>
                        <tr>
                            <th>主力藏品：</th>
                            <td colspan="5">
                                <template v-if="!res.is_main_force">- -</template>
                                <template v-else>
                                    <div class="m_textOver main_col" v-for="item in res.main_collection">
                                        {{ item.col_name }}
                                    </div>
                                </template>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="m_title"><h2>开户信息</h2></div>
                <table class="m_detable" v-if="res">
                    <tbody>
                        <tr>
                            <th>是否认证：</th> <td>{{ res.is_auth ? '是' : '否' }}</td>
                            <th>身份证号码：</th> <td>{{ res.id_no | empty }}</td>
                        </tr>
                        <tr>
                            <th>身份证正面：</th>
                            <td>
                                <div class="img_hover m_pointer" v-if="res.idcard_front">
                                    <a href="javascript:;"><i class="icon-zhaopian"></i>查看照片</a>
                                    <span class="img"><img :src="res.idcard_front" alt=""></span>
                                </div>
                                <div v-else>--</div>
                            </td>
                            <th>身份证反面：</th>
                            <td>
                                <div class="img_hover m_pointer" v-if="res.idcard_back">
                                    <a href="javascript:;"><i class="icon-zhaopian"></i>查看照片</a>
                                    <span class="img"><img :src="res.idcard_back" alt=""></span>
                                </div>
                                <div v-else>--</div>
                            </td>
                        </tr>
                        <tr>
                            <th>是否绑卡：</th> <td>{{ res.is_bindcard ? '是' : '否'  }}</td>
                            <th>银行卡号：</th> <td><input class="m_input" type="text" v-inputnumber v-model="res.bankcard"/><a href="javascript:;" v-on:click="changeCard">修改</a></td>
                        </tr>
                        <tr>
                            <th>所属银行：</th> <td>{{ res.bank_name | empty }}</td>
                            <th>银行卡照片：</th>
                            <td>
                                <div class="img_hover m_pointer" v-if="res.card_img">
                                    <a href="javascript:;"><i class="icon-zhaopian"></i>查看照片</a>
                                    <span class="img"><img :src="res.card_img" alt=""></span>
                                </div>
                                <div v-else>--</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="m_title"><h2>资产信息</h2></div>
                <table class="m_detable" v-if="res">
                    <tbody>
                        <tr>
                            <th>账户资金：</th> <td>{{ res.asset_total | empty }}</td>
                            <th>可用资金：</th> <td>{{ res.asset_available | empty }}</td>
                        </tr>
                        <tr>
                            <th>持票种类：</th> <td>{{ res.ticket_type }}</td>
                            <th>持有市值：</th> <td>{{ res.market_value | empty }}</td>
                        </tr>
                        <tr>
                            <th>总入金：</th> <td>{{ res.asset_deposit | empty }}</td>
                            <th>总出金：</th> <td>{{ res.asset_withdraw | empty }}</td>
                        </tr>
                    </tbody>
                </table>
                <div class="m_title"><h2>其它信息</h2></div>
                <table class="m_detable" v-if="res">
                    <tbody>
                        <tr>
                            <th>推荐人交易号：</th> <td>{{ res.referee_no | empty }}</td>
                            <th>推荐人姓名：</th> <td>{{ res.referee_name | empty }}</td>
                            <th>推荐人手机号：</th> <td>{{ res.referee_phone | empty }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 弹出窗结构 -->
        <div class="m_boundingBox m_boundingBoxCenter {{ show ? 'on' : 'none'}}">
            <div class="m_boundingBox_inner">
                <div class="header">修改手机号</div>
                <div class="body">
                    <table class="m_fmtable">
                        <tbody>
                            <tr>
                                <th>交易号</th>
                                <td>
                                    <input class="m_input" disabled type="text" v-model="res.no">
                                </td>
                            </tr>
                            <tr>
                                <th>姓名</th>
                                <td>
                                    <input class="m_input" disabled type="text" v-model="res.name">
                                </td>
                            </tr>
                            <tr>
                                <th>当前手机号</th>
                                <td>
                                    <input class="m_input" disabled type="text" v-model="res.phone">
                                </td>
                            </tr>
                            <tr>
                                <th>新手机号</th>
                                <td>
                                    <input class="m_input" v-inputphone maxlength="11" type="text" v-model="phone"/>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="footer">
                    <div class="m_btn" v-on:click="checkPhone">确定</div>
                    <div class="m_btn line" v-on:click="show = !show">取消</div>
                </div>
            </div>
        </div>
    </div>


    <script src="../../js/plugins/zepto/zepto.min.js"></script>
    <script src="../../js/plugins/vue/vue.min.js"></script>
    <script src="../../js/plugins/seajs/sea.js"></script>
    <script src="../../js/plugins/seajs/seajs-text.js"></script>

    <script>
        seajs.use( "../../js/page/user/detail" );
    </script>

</body>
</html>
